<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
		<title>Scotiabank | Consejos - Nace mi hijo</title>
		<!-- include the Tools -->
		<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="../js/jquery.tools.min.js"></script>
		
		<!-- required CSS files -->
		<link rel="stylesheet" type="text/css" href="../css/grid.css" media="screen">
		<link rel="stylesheet" type="text/css" href="../css/style.css">
		<link rel="stylesheet" type="text/css" href="../css/overlay-basic.css">
		<link rel="stylesheet" type="text/css" href="../css/tabs-slideshow.css">
		
		<!-- contactenos -->
		<script type="text/javascript">
			function MM_openBrWindow(theURL, winName, features) {//v2.0
				window.open(theURL, winName, features);
			}

			/*function verInfo(ver01) {
				var elemLevel2 = document.getElementById(ver01);
				if(elemLevel2.style.display == 'none') {
					elemLevel2.style.display = '';
				} else {
					elemLevel2.style.display = 'none';
				}
			}*/
		</script>
		<script type="text/javascript">
			$(document).ready(function(e) {
				window.setInterval(cambiarImagen, 3000)
				$("#galeria a").css("opacity", 0);
				$("#galeria a.sobre").css("opacity", 1);

				$("#galeria .descripcion").css("opacity", 0);
				$("#galeria .descripcion").animate({
					opacity : 0.7
				}, 1000);

				var titulo = $("#galeria a.sobre").find("img").attr("rel")
				$("#galeria .descripcion").html(titulo)
				function cambiarImagen() {
					var actual = $("#galeria a.sobre") ? $("#galeria a.sobre") : $("#galeria a:first");
					/*Asi se indica que la varible actual represente al vinculo que usa la clase sobre si es que existe, sino representará ala primer elemento*/
					var siguiente = actual.next().length ? (actual.next().hasClass("descripcion") ? $("#galeria a:first") : actual.next()) : $("#galeria a:first");
					//Con hasClass se está preguntando si determinado elemento tiene la clase "descripcion"
					siguiente.addClass("sobre");
					//Asi se le agrega la clase sobre
					actual.removeClass("sobre");
					//Asi se le quita la clase sobre

					siguiente.animate({
						opacity : 1
					}, 1000)
					actual.animate({
						opacity : 0
					}, 1000)
					var titulo = siguiente.find("img").attr("rel")
					/*$("#galeria .descripcion").html(titulo).css("opacity", 0).animate({
						opacity : 0.7
					}, 1000);*/
				}
	/* aquí inicia el query para el acordion de los subtitulos */
	/* esto hay que copiar en todas las páginas*/
				 $('.accordion dd').hide();
       $('.accordion dt a').click(function(){
          if ($(this).hasClass('selected')) {
               $(this).removeClass('selected');
               $(this).parent().next().slideUp();
          } else {
               $('.accordion dt a').removeClass('selected');
               $(this).addClass('selected');
               $('.accordion dd').slideUp();
               $(this).parent().next().slideDown();
          }
          return false;
       });
	/* aquí termina query de acordion*/


			});
		</script>
		<style type="text/css">
#galeria {
	width: 170px;
	height: 110px;
	position: relative;
}
#galeria a {
	float: left;
	position: absolute;
}
.sobre {
	z-index: 9;/*controla el nivel de profundidad, mayor valor esta encima*/
			}
.accordion {
 dt, dd {
 padding: 10px;
 border: 1px solid black;
 border-bottom: 0;
 &:last-of-type {
 border-bottom: 1px solid black;
}
 a {
 display: block;
 color: black;
 font-weight: bold;
}
}
dd {
	border-top: 0;
	font-size: 12px;
 &:last-of-type {
 border-top: 1px solid white;
 position: relative;
 top: -1px;
}
}
}
</style>
	</head>
	<body id="interna">
		<div id="container" class="zindex">
			<div class="header">
				<img src="../img/header.png" border="0" usemap="#Map" alt="Scotiabank">
				<map name="Map">
					<area shape="rect" coords="730,17,756,46" href="../index.html" alt="Consejos">
					<area shape="rect" coords="13,4,222,56" href="../index.html" alt="Consejos">
				</map>
			</div>
			<div class="image zindex">
				<img src="../photos/familia2.jpg" border="0" alt="Familia">
				<ul>
					<li>
						<div class="r-box p-bg">
							<div class="tit-banner">
								Consejos Relacionados
							</div>
							<!-- "previous slide" button --> 
							<a class="backward">back</a> 
							<!-- container for the slides -->
							<div id="galeria">
								<a href="mi_boda_ideal.html" class="sobre"><img src="../img/f-bgfamilia1.png" alt="Mi boda ideal" border="0"></a> <a href="comenzar_una_familia.html"><img src="../img/f-bgfamilia2.png" alt="Comenzar una familia" border="0"></a> <a href="vivir_tranquilo.html"><img src="../img/f-bgfamilia4.png" alt="Vivir tranquilo" border="0"></a>
							</div>
							<!-- "next slide" button --> 
							<a class="forward">forward</a> 
							<!-- the tabs -->
							<div class="slidetabs">
								<a href="#">&#32;</a> <a href="#">&#32;</a> <a href="#">&#32;</a> <a href="#">&#32;</a>
							</div>
						</div>
					</li>
					<li> <a href="../calculadora/libre_disponibilidad.html">
						<div class="r-box" style="margin-left:-08px; padding-top:10px;">
							<h2>¿Podré pagarlo?</h2>
							<p>
								Vive como soñaste. <br>
								Calcula cómo.
							</p>
							<img class="b-rigt" style="right: 11px; bottom: 1px;" src="../img/calc.png" border="0" alt="Calc"> <img style="padding-top: 20px; float: left;" src="../img/btn-ingresar.png" border="0" alt="Ingresar">
						</div>
						</a> </li>
				</ul>
			</div>
			<div class="content">
				<div class="title">
					<h1><img src="../img/tit-familia3.png" border="0" alt="Nace mi hijo"></h1>
				</div>
				<p class="bajada2">
					Tener un hijo te cambia la vida. Todo se mueve en torno a la nueva criatura. Incluso tus finanzas.
				</p>
				<br>
				<div style="overflow:auto; width: 380px; height:295px; padding-right:10px;">
					<ul style="margin-left: 20px" class="Texto_Normal">
						<p>
						<li>Lo mejor es contar con un seguro de salud, que cubra los gastos médicos, sin importar cómo nazca el bebé.</li>
						</p>
						<p>
						<li>Si no tienes un seguro de salud que cubra los gastos médicos, la ventaja es que tienes varios meses para prever lo que necesitarás. Entre otros… los gastos previos de médicos y chequeos, los gastos de la clínica, considerando una posible cesárea o el equipamiento del cuarto de tu hijo.</li>
						</p>
						<p>
						<li>Sobre esta base debes desarrollar un presupuesto, el monto que no puedas cubrir con tus ahorros, puedes solicitarlo vía un <a href="http://www.scotiabank.com.pe/p_libre_dispo.html" target="_blank" class="link">Préstamo Personal.</a></li>
						</p>
						<p>
						<li>Dependiendo de la cuota que puedas manejar, el plazo sugerido es menor a un año,  para evitar que este financiamiento se superponga con otras necesidades de la vida familiar…¡o tal vez otro hijo!…</li>
						</p>
						<p>
						<li>Para gastos menores, como la decoración del cuarto, el coche o la silla del auto te puede ayudar contar con una <a href="http://www.scotiabank.com.pe/tarjetas/" target="_blank" class="link">Tarjeta de Crédito</a>.</li>
						</p>
						<p>
						<li>Un gran regalo que le puedes hacer a tu hijo es prepararlo para el futuro y ayudarlo a que pueda tener algún ahorro para más adelante con nuestra solución de ahorro automático programado. Le puedes abrir una <a href="http://www.scotiabank.com.pe/p_cuenta_cero.html" target="_blank" class="link">Cuenta de Ahorros</a> o tal vez invertir en <a href="http://www.scotiafondos.com.pe/" target="_blank" class="link">Fondos Mutuos</a>, los cuales irán generando intereses o ganancias de capital a través de los años.</li>
						</p>
					</ul>
					<br>
					<p class="Texto_Normal">
						Si necesitas más información no dudes en <a href="javascript:;" onclick="MM_openBrWindow('http://www.scotiabank.com.pe/forms/contactenos.aspx','contacto','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=688,height=500,top=100,left=125')" class="link">contactarnos</a>.
					</p>
					<div class="facebook">
						<script type="text/javascript">
								function dominio_base() {
									url_site = document.location.href

									return url_site;
								}

								var url = dominio_base().toString();
								document.write('<iframe src="//www.facebook.com/plugins/like.php?href=' + url + '&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:35px;" allowTransparency="true"></iframe>');

							</script>
					</div>
				</div>
			</div>
			<br>
			<p class="Texto_Normal">
			<div class="left-bar">
				<ul>
					<li style="margin-bottom:10px;"></li>
					<li>
						<div class="r-box" id="div_r-box">
							<!--Consejos de la banca-->
						</div>
					</li>
					<li>
						<div class="r-box">
							<h2>Hacer más con mi dinero</h2>
							<p>
								Descubre las ventajas que <br>
								te da ser cliente del <br>
								Scotiabank
							</p>
							<table width="100%">
								<tr>
									<td height="15"></td>
								</tr>
								<tr valign="bottom">
									<td width="50%"><a target="_blank" href="http://www.scotiapuntos.com.pe/"><img src="../img/scotia-puntos.png" border="0" alt="Scotia puntos"></a></td>
									<td><a target="_blank" href="http://www.scotiabank.com.pe/clubsueldo/"><img  src="../img/clubsueldo.png" border="0" alt="Clubsueldo"></a></td>
								</tr>
							</table>
						</div>
					</li>
					<li>
						<div id="div_r-box4">
						</div>
					</li>
				</ul>
			</div>
			<div class="clear">
			</div>
			<div id="div_footer">
			</div>
		</div>
		<br clear="all">
		<script type="text/javascript" src="../js/myJQ.js"></script> 
		<script type="text/javascript" src="../js/rutas-adds.js"></script> 
		<script type="text/javascript" src="../js/jquery.utils.js"></script> 
		<script type="text/javascript">
			$(function() {
				value = $.cookie("visit");
				(value % 3) == 0 ? $(".sendMail").fadeIn(500) : $(".sendMail").fadeOut(300);
				if(value == "delete") {
					$(".sendMail").hide();
				}
				$("#galeria a").click(function() {
					var newValue = ++value;
					$.cookie("visit", newValue);

					//console.log(value);

				});

			});
		</script>
		<div class="sendMail" style="display:none;">
			<div class="bundle">
				<span id="closeForm"></span>
				<div class="close-message">
					<p style="padding-top:10px;">
						Si no desea ver éste mensaje haga click <a id="closeSendMail" href="#">aquí</a>
					</p>
					<p class="small">
						*Campos obligatorios
					</p>
				</div>
				<!--<iframe allowtransparency="true" scrolling="no" src="http://www.infomedicaperu.com/consejeriasbk_final3/formul_reg.aspx" frameborder="0" height="460" width="375"></iframe>-->
			</div>
		</div>
		<script language="JavaScript" type="text/javascript" src="https://apps.scotiabank.com/inc/omnitureperu.js"></script>
	</body>
</html>